<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>实时热点</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">

<link rel="stylesheet" type="text/css"
	href="<%=request.getContextPath()%>/resources/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css"
	href="<%=request.getContextPath()%>/resources/css/timeline.css" />
<link rel="stylesheet" type="text/css"
	href="<%=request.getContextPath()%>/resources/css/templatemo_justified.css" />

<script
	src="<%=request.getContextPath()%>/resources/js/index/html5shiv.js"></script>
<script
	src="<%=request.getContextPath()%>/resources/js/index/respond.min.js"></script>
<script
	src="<%=request.getContextPath()%>/resources/js/index/jquery-1.8.3.min.js"></script>

<!--   <link href="css/bootstrap.min.css" rel="stylesheet"> -->

<!--       <link href="css/timeline.css" rel="stylesheet"> -->
<!--     <link href="css/templatemo_justified.css" rel="stylesheet"> -->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->

<!--       <script src="js/html5shiv.js"></script> -->
<!--       <script src="js/respond.min.js"></script> -->
<!--       <script src="js/jquery-1.8.3.min.js"></script> -->

</head>

<body >
	<div id="container" class="container">
		<img
			src="<%=request.getContextPath()%>/resources/images/templatemoheader.jpg"
			class="img-responsive" />
		<ul class="nav nav-justified">
			<li><a href="/mwyqMonitor/topic/" class="meng">首页&nbsp;&nbsp;&nbsp;</a></li>
			<li><a href="/mwyqMonitor/news/" class="meng">实时热点&nbsp;</a></li>
			<li><a href="/mwyqMonitor/topic/" class="meng">敏感事件&nbsp;</a></li>
			<li><a href="/mwyqMonitor/topic/" class="meng">统计分析&nbsp;</a></li>
			<li><a href="#" class="sub meng">自定义检测</a></li>
		</ul>
		<div class="row space29" style="padding-left: 20px">
			<!-- row 1 begins -->
			<div class="col-md-3">
				<div class="meng">
					<input type="button" value="搜索"
						style="height: 100px; width: 50px; margin-top: 10%; background-color: #cdcdcd; float: left" />
				</div>
				<div class="meng">
					<input type="text"
						style="height: 400px; margin-top: auto; width: 50px; float: left" />
				</div>
			</div>
			<div class="col-md-7 meng" style="font-family:Mongolian Baiti81;moz-writing-mode: vertical-lr;
			writing-mode: vertical-lr;
			-webkit-writing-mode: vertical-lr;
			-o-writing-mode: vertical-lr;
			-ms-writing-mode: tb-lr; writing-mode: tb-lr"
				style="height: 400px; margin-top: 5%; text-align: top">
				<p>
					今日已抓取<span id="numnews">56</span>篇新闻，其中：中文<span id="numtext">76</span>篇
				</p>
			</div>
			<div class="col-md-6">
				<section id="cd-timeline" class="cd-container ">
				<c:forEach items="${latestNews}" var="latestNews">
				<div class="cd-timeline-block " id="news">
					<div class="cd-timeline-img cd-picture">
<!-- 						<img src="images/cd-icon-picture.svg" alt="Picture"> -->
					</div>
					<!-- cd-timeline-img -->

					<div class="cd-timeline-content meng"  style="font-family:Mongolian Baiti81;moz-writing-mode: vertical-lr;
			writing-mode: vertical-lr;
			-webkit-writing-mode: vertical-lr;
			-o-writing-mode: vertical-lr;
			-ms-writing-mode: tb-lr; writing-mode: tb-lr">
						<h2 id="title">
						<a href="<%=request.getContextPath()%>/news/${latestNews.news_id}/newsContent">
		  					${latestNews.news_title}</a>
						</h2>
						<p id="con">${latestNews.news_content}</p>

						<span id="date" class="cd-date">
						<fmt:formatDate value="${latestNews.news_time}" type="date" pattern="yyyy-MM-dd"/>
						</span>
					</div>
					<!-- cd-timeline-content -->
				</div>
				</c:forEach>
				</section>
				

				<script>
					$(function() {
						var $timeline_block = $('.cd-timeline-block');
						//hide timeline blocks which are outside the viewport
						$timeline_block
								.each(function() {
									if ($(this).offset().top > $(window)
											.scrollTop()
											+ $(window).height() * 0.75) {
										$(this)
												.find(
														'.cd-timeline-img, .cd-timeline-content')
												.addClass('is-hidden');
									}
								});
						//on scolling, show/animate timeline blocks when enter the viewport
						$(window)
								.on(
										'scroll',
										function() {
											$timeline_block
													.each(function() {
														if ($(this).offset().top <= $(
																window)
																.scrollTop()
																+ $(window)
																		.height()
																* 0.75
																&& $(this)
																		.find(
																				'.cd-timeline-img')
																		.hasClass(
																				'is-hidden')) {
															$(this)
																	.find(
																			'.cd-timeline-img, .cd-timeline-content')
																	.removeClass(
																			'is-hidden')
																	.addClass(
																			'bounce-in');
														}
													});
										});
					});
				</script>

			</div>
			<!-- /row 1 -->



			<!-- Site footer -->
			<div class="col-md-7 meng" style="height: 400px; margin-top: 5%">
				<p>新闻内容</p>
			</div>
			
<!-- 			同一页显示新闻内容 -->
<!-- 			<div id="newsbox" class="row space31  meng" -->
<!-- 				style="margin-left: 5px; float: right"> -->
<!-- 				row 2 begins -->
<!-- 				<p>RBF网络是一种前馈网络，它克服了BF网络的某些缺陷，有关其逼近理论以及算法的研究出现在许多文献之中。本文综述了人工神经网络的基本原理，并具体分析了RBF网络理论，对其结构、函数逼近性质做了较为详细的介绍，并指出了RBF网络各种学习算法的优点和存在的问题。</p> -->
<!-- 				<P>人工神经网络（artificial neural -->
<!-- 					networks,ANN）是模仿生物神经网络的人工智能系统，函数逼近是人工神经网络十分重要的应用领域。由于神经网络具有很强的非线性映射能力、自学习性和容错性， -->
<!-- 					这使得它在函数逼近领域与经典的方法有很大不同。它通过对训练数据的采掘逐步计算网络链接权，可以对难以利用规则的数学模型描述的非线性问题提出一个统一的数学模型，现在 -->
<!-- 					已经被大量使用于函数逼近算法中。</P> -->
<!-- 			</div> -->



			<!-- /row 2 -->
		</div>
		<!-- /container -->
		<div class="footer">
			<p style="text-align: center;">Copyright © 2016 中央民族大学</p>
		</div>
	</div>
</body>
</html>
